<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/lib/jquery-v3.0.0/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/lib/select2-v4.0.6-vrc.1/js/select2.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/lib/select2-v4.0.6-vrc.1/js/i18n/zh-CN.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../js/lib/select2-v4.0.6-vrc.1/css/select2.css" />
	</head>

	<body>
		<select id="e1" style="width: 300px;">
			<option value="1">Node1</option>
			<option value="2">Node2</option>
			<option value="3">Node3</option>
		</select>
		<select id="e2" style="width: 300px;">
			<optgroup label="Group1">
				<option value="1">Node1</option>
				<option value="2">Node2</option>
				<option value="3">Node3</option>
			</optgroup>
			<optgroup label="Group2">
				<option value="4">Node4</option>
				<option value="5">Node5</option>
				<option value="6">Node6</option>
			</optgroup>
		</select>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#e1").select2();
				$("#e2").select2();
			});
		</script>
	</body>

</html>